<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <ui:composition xmlns="http://www.w3.org/1999/xhtml"
  xmlns:h="http://java.sun.com/jsf/html"
  xmlns:f="http://java.sun.com/jsf/core"
  xmlns:ui="http://java.sun.com/jsf/facelets"
  xmlns:p="http://primefaces.org/ui" template="/layout/template.xhtml">
   <ui:define name="body">
   <center> <h1 class="title ui-widget-header ui-corner-all">#{message['titulo.modulo.empleado']}</h1></center>
     <h:form id="formManteEmpList" prependId="false">
	 <p:messages showDetail="true"/> 	  
	  <p:dataTable value="#{mantenimientoEmpleadoSearchAction.empleadoList}" var="p"
	   id="listaPersonas" paginator="true" rows="50"
       paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
	   rowsPerPageTemplate="5,10,15" widgetVar="table"
	   emptyMessage="#{message['rsltd.nocencontroregistro']}">
	   
	   <f:facet name="header">#{message['lista.empleados.panel']}</f:facet>
	   <f:facet name="header">
	    <p:outputPanel>
		 <h:outputText value=" #{message['rsltd.buscar']}"/>
		 <p:inputText id="globalFilter" onkeyup="table.filter()" style="width:150px; align=Left; "/>
		</p:outputPanel>
	   </f:facet>
	   
	  
	   
       <p:column sortBy="#{p.nombreemp}" id="nombreemp" filterBy="#{p.nombreemp}" headerText="#{message['empleadolist.nombre']}" >
	   <h:outputText value="#{p.nombreemp}" />
	   </p:column>
	   
	   <p:column sortBy="#{p.apepatemp}" id="apepatemp" filterBy="#{p.apepatemp}"  headerText="#{message['empleadolist.apepaterno']}" >
	   <h:outputText value="#{p.apepatemp}" />
	   </p:column>
	   
	  <p:column sortBy="#{p.apematemp}" id="apematemp" filterBy="#{p.apematemp}"  headerText="#{message['empleadolist.apematerno']}" >
	   <h:outputText value="#{p.apematemp}" />
	   </p:column>
	   
	   
	   <p:column sortBy="#{p.numdocumento}"  filterBy="#{p.numdocumento}"  id="doc" headerText="#{message['empleadolist.documento']}" >
	   <h:outputText value="#{p.numdocumento}" />
	   </p:column>
	   
	   
	   
	   
	   
	    <p:column headerText="#{message['rsltd.verDetalle']}">
	    	<center>	
	    	<p:commandButton  id="btnDetalle" icon="ui-icon-zoomin"
	    update=":formManteEmpleadoDetalle:display" oncomplete="empleadodetalleDialog.show()"
	     title="#{message['tittle.detallemepleado']}" >
	 <f:setPropertyActionListener target="#{mantenimientoEmpleadoFormAction.selectedEmpleado}" value="#{p}"  />
		</p:commandButton>
		<p:tooltip for="btnDetalle"/>
		</center>	
	   </p:column>
	   
	   
	   
	   
	   
	   <p:column headerText="#{message['rsltd.editar']}">
	   <center>
	    <p:commandButton  ajax="false" icon="ui-icon-pencil" id="btnEditar"
		 action="#{mantenimientoEmpleadoFormAction.update}" title="#{message['empleado.editar.tittle']}" >
		 <f:setPropertyActionListener value="#{p}"  
		  target="#{mantenimientoEmpleadoFormAction.objEmpleado}" />
		</p:commandButton>
		<p:tooltip for="btnEditar"/>
		</center>
	   </p:column>
	   
	   
	   
	   
	     <p:column headerText="#{message['rsltd.deshabilitar']}">
		<center><p:commandButton id="showConfirmDeshabilitarEmp" title="#{message['empleadotittle.deshabilitar']}" icon="ui-icon ui-icon-close" 
		    onclick="desactivarEmp.show()">
		 <f:setPropertyActionListener value="#{p.idempleado}" target="#{mantenimientoEmpleadoFormAction.ide}" />	
		</p:commandButton>
		  <p:tooltip for="showConfirmDeshabilitarEmp"/>
		</center>
	   </p:column>
	   
	   
	   <f:facet name="header">
		<div align="left">
	     <p:commandButton id="nuevoEmpl" value="#{message['empleado.nuevo']}" action="#{mantenimientoEmpleadoFormAction.agregar}" 
	     title="#{message['empleado.nuevo.tittle']}" icon="ui-icon-document"/>
	     <p:tooltip for="nuevoEmpl"/>
		</div>
	   </f:facet>
	  </p:dataTable>
  </h:form>
 </ui:define>
</ui:composition>